<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
	<title>Web Slide Show</title>

	<style TYPE="text/css">
		BODY {
			background: black;
			margin: 0;
			padding: 0;
			overflow: hidden;
		}
		#slideshow_screen {
			width:100%;
			height:100%;
		}
		#slideshow_loading_screen {
			width:100%;
			height:100%;
		}
		#slideshow_loading_screen_table {
			width:100%;
			height:100%;
		}
		#slideshow_panel_screen {
			position: absolute;
			left: 0;
			top: 0;
			z-index: 100;
			width: 800px;
			height: 120px;
			opacity: 0.5;
			visibility:hidden;
		}

		#play {
			display: none;
		}

		#play_pause_bottons {
			width: 32px;
		}

		#repeat_bottons {
			width: 32px;
		}

		#repeat_on {
			display: none;
		}

		#shrink_bottons {
			width: 32px;
		}

		#shrink_on {
			display: none;
		}

		#zoom_bottons {
			width: 32px;
		}

		#zoom_on {
			display: none;
		}

		#loading {
			visibility: hidden;
		}
	</style>

	<script src="SlideShow.arguments.js" language="jscript" type="text/jscript"></script>

<!--
	<script src="factory/ComponentsFactory.js" language="jscript" type="text/jscript"></script>
-->
	<script src="../factory/Factory.js" language="jscript" type="text/jscript"></script>
	<script src="../Logger.js" language="jscript" type="text/jscript"></script>
	<script src="../Preferences.js" language="jscript" type="text/jscript"></script>
	<script src="../ResourceBundle.js" language="jscript" type="text/jscript"></script>
	<script src="../Configuration.js" language="jscript" type="text/jscript"></script>
	<script src="../util/HTMLContentHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/Prompt.js" language="jscript" type="text/jscript"></script>
	<script src="../util/SlideShowHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../util/BrowserDependent.js" language="jscript" type="text/jscript"></script>
	<script src="../util/KeyboardHelper.js" language="jscript" type="text/jscript"></script>
	<script src="../WindowManager.js" language="jscript" type="text/jscript"></script>
	<!--
	<script src="../util/Util.js" language="jscript" type="text/jscript"></script>
	<script src="../util/SaveImageHelper.js" language="jscript" type="text/jscript"></script>
-->
	<script src="SlideShow.js" language="jscript" type="text/jscript"></script>
	<script src="SlideShow.chrome.js" language="jscript" type="text/jscript"></script>

</head>
<body id="wsshSlideShowDialog">

	<div id="slideshow_screen">

		<div id="slideshow_loading_screen">
			<table id="slideshow_loading_screen_table">
			<tr align="center" valign="middle"><td>
				<img default_image="loading.gif"/>
			</td></tr>
			</table>
		</div>

		<div id="slideshow_panel_screen"
				width="800" height="100">

			<div id="slideshow_panel">
				<center>
				<table id="slideshow_panel_bottons" border="0" cellpadding="2" cellspacing="0">
					<tr id="buttons_line" valign="baseline">
					<td>
						<img id="save"
								title="webslideshow_dlg_save"
								default_image="save.png"
								on_click="saveAllImages"
						/>
					</td>
					<td id="zoom_bottons">
						<img id="zoom_on"
								title="webslideshow_dlg_do_not_zoom"
								default_image="zoom_on.png"
								on_click="toggleZoomMode"
						/>

						<img id="zoom_off"
								title="webslideshow_dlg_zoom"
								default_image="zoom_off.png"
								on_click="toggleZoomMode"
						/>
					</td>
					<td id="shrink_bottons">
						<img id="shrink_on"
								title="webslideshow_dlg_do_not_shrink"
								default_image="shrink_on.png"
								on_click="toggleShrinkMode"
						/>

						<img id="shrink_off"
								title="webslideshow_dlg_shrink"
								default_image="shrink_off.png"
								on_click="toggleShrinkMode"
						/>
					</td>
					<td id="repeat_bottons">
						<img id="repeat_on"
								title="webslideshow_dlg_do_not_repeat"
								default_image="repeat_on.png"
								on_click="toggleRepeatMode"
						/>

						<img id="repeat_off"
								title="webslideshow_dlg_repeat"
								default_image="repeat_off.png"
								on_click="toggleRepeatMode"
						/>
					</td>
					<td>
						<img id="minus"
								title="webslideshow_dlg_slower"
								tooltip_format="webslideshow_dlg_format_slower"
								default_image="minus.png"
								on_click="onSlower"
						/>
					</td>
					<td>
						<img id="plus"
								title="webslideshow_dlg_faster"
								tooltip_format="webslideshow_dlg_format_faster"
								default_image="plus.png"
								click_if="isEnabledFaster"
								on_click="onFaster"
						/>
					</td>
					<td>
						<img id="first"
								title="webslideshow_dlg_first"
								default_image="first.png"
								click_if="isEnabledShowFirstImage"
								on_click="showFirstImage"
						/>
					</td>
					<td>
						<img id="previous"
								title="webslideshow_dlg_previous"
								default_image="previous.png"
								click_if="isEnabledShowPrevImage"
								on_click="showPrevImage"
						/>
					</td>
					<td id="play_pause_bottons">
						<img id="pause"
								title="webslideshow_dlg_pause"
								default_image="pause.png"
								on_click="onPause"
						/>

						<img id="play"
								title="webslideshow_dlg_slideshow"
								default_image="play.png"
								click_if="isEnabledPlay"
								on_click="onPlay"
						/>
					</td>
					<td>
						<img id="next"
								title="webslideshow_dlg_next"
								default_image="next.png"
								click_if="isEnabledShowNexImage"
								on_click="showNextImage"
						/>
					</td>
					<td>
						<img id="last"
								title="webslideshow_dlg_last"
								default_image="last.png"
								click_if="isEnabledShowLastImage"
								on_click="showLastImage"
						/>
					</td>
					</tr>
				</table>
				<div id="slideshow_panel_loading">
					<img id="loading" default_image="loading.gif"/>
				</div>
				</center>
			</div>

		</div>

	 </div>
</body>
</html>
